/* General styling for images */
.ri {
   
	margin: 0 auto 2em;
    display: block;
  max-width: 100%; /* The image will not be wider than the container */
  height: auto; /* Adjusting height proportionally to the width */
}

/* Media query for screens with a width of 600 pixels or more (desktop) */
@media (min-width: 600px) {
  .ri {
    max-width: 600px; /* Maximum width for desktop screens */
  }
}